<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <title>&lrm;</title>
  <script>
    var UA = window.navigator.userAgent.toLowerCase();
    var isAndroid = UA.indexOf('android') > 0;
    var isIOS = /iphone|ipad|ipod|ios/.test(UA);
  </script>
  <link rel="icon" href="https://public-oss-file.zmaxfilm.com/zuimei-film-oss/1.0.0/icons/logo.ico" />
  <link rel="apple-touch-icon-precomposed" href="<%= BASE_URL %>static/logo.ico" />
  <link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
  <style>
    html,
    body,
    #app {
      height: 100%;
    }

    .app-placeholder {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #F4F6F7;
    }

    .placeholder {
      position: relative;
    }

    .placeholder span {
      white-space: nowrap;
      position: absolute;
      color: #fff;
      font-weight: bold;
      transform: translate(-50%, -50%);
      font-size: 38px;
      letter-spacing: 5px;
    }

    .placeholder span:nth-child(1) {
      color: transparent;
      -webkit-text-stroke: 0.3px #fd7441;
    }

    .placeholder span:nth-child(2) {
      color: #fd7441;
      -webkit-text-stroke: 1px #fd7441;
      animation: uiverse723 3s ease-in-out infinite;
    }

    @keyframes uiverse723 {

      0%,
      100% {
        clip-path: polygon(0% 45%, 15% 44%, 32% 50%,
            54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
      }

      50% {
        clip-path: polygon(0% 60%, 16% 65%, 34% 66%,
            51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
      }
    }
  </style>
</head>

<body>
  <noscript>
    <strong>Please enable JavaScript to continue.</strong>
  </noscript>
  <div id="app">
    <div class="app-placeholder">
      <div class="placeholder">
        <span>加载中</span>
        <span>加载中</span>
      </div>
    </div>
  </div>
</body>

</html>
